<%--
  Created by IntelliJ IDEA.
  User: 我想当太空人
  Date: 2022/4/14
  Time: 18:20
  To change this template use File | Settings | File Templates.
  主页
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="css/igo_question_bank.css" rel="stylesheet" type="text/css">
    <link href="plugins/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
</head>
<body>
<div class="all">
    <!-- 整体框架 -->
    <div class="all-in">
        <!-- 左边栏整体 -->
        <div class="left-nav">
            <!-- 推荐栏 -->
            <div class="recommended">
                <p>推荐</p>
                <!-- 推荐栏箭头  -->
                <div class="arrow">
                    <a href="#" style="text-decoration: none;">
                        <img id="arrow_left" class="arrow_left" src="img/recommended_arrow/箭头_列表向左.png">
                    </a>
                    <a href="#">
                        <img id="arrow_right" class="arrow_right" src="img/recommended_arrow/箭头_列表向右.png">
                    </a>
                </div>
            </div>
            <!-- 轮播图 -->
            <div id="Shuffling_figure" class="Shuffling_figure">

                <a href="#"><img id="Shuffling_figure_img" class="Shuffling_figure_1"
                                 src="img/Shuffling_figure/1647834549-kzYjnO-携程20220321-114838.webp"></a>
                <a href="#"><img id="Shuffling_figure_img" class="Shuffling_figure_2"
                                 src="img/Shuffling_figure/1627272831-qrCJvb-递归和分治.webp"></a>
                <a href="#"><img id="Shuffling_figure_img" class="Shuffling_figure_3"
                                 src="img/Shuffling_figure/1646910868-wkWFEj-概率题面试突击.webp"></a>
                <a href="#"><img id="Shuffling_figure_img" class="Shuffling_figure_4"
                                 src="img/Shuffling_figure/1646910711-nNaNDr-2022春招冲刺攻略.webp"></a>
                <a href="#"><img id="Shuffling_figure_img" class="Shuffling_figure_5"
                                 src="img/Shuffling_figure/1647793147-qKwLkj-480x240社区右边栏%202.webp"></a>

            </div>
            <!-- 水平线 -->
            <div class="div_tr"></div>
            <!-- 标签栏 -->
            <div class="question_label">
                <!-- 小标签 -->
                <a href="">
                    <div class="small_module">
                        <span>数组</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">1229</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>字符串</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>嘻哈表</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>动态规则</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>数学</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>深度优先搜索</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>排序</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>贪心</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>广度优先搜索</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>树</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>二叉树</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>二分查找</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>数据库</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>矩阵</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>双指针</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>位运算</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>栈</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>设计</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>堆(优先队列)</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>回溯</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>图</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>模拟</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>链表</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>前缀和</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>计数</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>滑动窗口</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>并查集</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>递归</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>二叉搜索树</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>分治</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>字典树</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>单调栈</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>有序集合</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>队列</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>状态压缩</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>几何</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>记忆化搜索</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>枚举</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>线段树</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>拓扑排序</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
                <a href="">
                    <div class="small_module">
                        <span>哈希函数</span>
                        <!-- 标签对应的题库数量 -->
                        <div class="container-fluid">593</div>
                    </div>
                </a>
            </div>

            <!-- 题库分类导航栏 -->
            <div class="classification-nav">
                <a href="">
                    <div class="nav-type">
                        <img src="img/classification-nav/题库.png">
                        <span>全部题目</span>
                    </div>
                </a>
                <a href="">
                    <div class="nav-type2">
                        <img src="img/classification-nav/连接流.png">
                        <span>算法</span>
                    </div>
                </a>
                <a href="">
                    <div class="nav-type2">
                        <img src="img/classification-nav/数据库.png">
                        <span>数据库</span>
                    </div>
                </a>
                <a href="">
                    <div class="nav-type2">
                        <img src="img/classification-nav/数据结构管理.png">
                        <span>数据结构</span>
                    </div>
                </a>
                <a href="">
                    <div class="nav-type2">
                        <img src="img/classification-nav/活跃线程.png">
                        <span>多线程</span>
                    </div>
                </a>
            </div>
            <!-- 下拉表单栏和搜索框 -->
            <div class="form-field">
                <div class="left-form">

                    <div class="form-button">
                        <div id="form-button-item1">
                            <span>题单</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <!-- 悬浮框 -->
                        <div tabindex="-1" id="Suspension_1">
                            <div id="single">
                                剑指Offer (专项突击版)
                            </div>
                            <div id="single">
                                剑指Offer (第二版)
                            </div>
                            <div id="single">
                                程序员面试金典
                            </div>
                            <div id="single">
                                精选题库TOP50
                            </div>
                            <div id="single">
                                igo精选TOP100
                            </div>
                        </div>
                    </div>



                    <div class="form-button2">
                        <div id="form-button-item2">
                            <span>难度</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_2">
                            <div id="single">
                                <span style="color:seagreen;">简单</span>
                                <img src="img/state/对.png">
                            </div>
                            <div id="single">
                                <span style="color:sandybrown">中等</span>
                                <img src="img/state/对.png">
                            </div>
                            <div id="single">
                                <span style="color: red;">困难</span>
                                <img src="img/state/对.png">
                            </div>
                        </div>
                    </div>



                    <div class="form-button3">
                        <div id="form-button-item3">
                            <span>状态</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_3">
                            <div id="single">
                                <img src="img/state/减号.png">
                                <span>未开始</span>
                                <img class="s3_state" src="img/state/对.png">
                            </div>
                            <div id="single">
                                <img src="img/state/对的.png">
                                   <span>已解答</span>
                                <img class="s3_state" src="img/state/对.png">
                            </div>
                            <div id="single">
                                <img src="img/state/尝试过.png">
                                   <span>尝试过</span>
                                <img class="s3_state" src="img/state/对.png">
                            </div>
                        </div>
                    </div>


                    <div class="form-button4">
                        <div id="form-button-item4">
                            <span>标签</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_4">
                            <!-- 标签下拉栏搜索框 -->
                            <div id="search-input-2" class="search-input-2">
                                <img src="img/search-input/搜索.png">
                                <input id="search1" type="text" placeholder="筛选标签">
                            </div>
                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>基本</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>数组</span>
                                <span>字符串</span>
                                <span>排序</span>
                                <span>矩阵</span>
                                <span>模拟</span>
                                <span>枚举</span>
                                <span>字符串匹配</span>
                                <span>桶排序</span>
                                <span>计数排序</span>
                                <span>基数排序</span>
                            </div>

                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>算法</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>动态规划</span>
                                <span>深度优先</span>
                                <span>贪心</span>
                                <span>广度优先</span>
                                <span>回溯</span>
                                <span>递归</span>
                                <span>分治</span>
                                <span>记忆化搜索</span>
                                <span>归并排序</span>
                                <span>快速选择</span>
                            </div>


                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>基础数据结构</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>哈希表</span>
                                <span>树</span>
                                <span>二叉树</span>
                                <span>栈</span>
                                <span>堆</span>
                                <span>图</span>
                                <span>链表</span>
                                <span>二叉搜索树</span>
                                <span>单调栈</span>
                                <span>有序集合</span>
                                <span>队列</span>
                                <span>拓朴排序</span>
                                <span>最短路</span>
                                <span>单调队列</span>
                            </div>

                            <div id="form-title">
                                <span>其他</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>数学</span>
                            </div>
                        </div>
                    </div>



                    <!-- 搜索框 -->
                    <div id="search-input" class="search-input">
                        <img src="img/search-input/搜索.png">
                        <input id="search" type="text" placeholder="搜索题目、编号或内容">
                    </div>

                    <div class="config">
                        <img src="img/config_img/设置.png">
                    </div>
                </div>
                <div class="right-form">
                    <a href="">
                        <div class="random">
                            <img src="img/random/随机.png">
                            <span>随机一题</span>
                        </div>
                    </a>
                </div>
            </div>
            <!-- 排序栏 -->
            <div class="Sorting_column">
                <div class="Sorting_column_item1">
                    <span>状态</span>
                </div>
                <div class="Sorting_column_item2">
                    <span>题目</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item3">
                    <span>题解</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item4">
                    <span>通过率</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item5">
                    <span>难度</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item6">
                    <span>出现频率</span>
                </div>
            </div>

            <div id="quetion" class="quetion">

            </div>
            <div class="page_info">
                <div class="page_form">
                    <span id="page_show">20条/页</span>
                    <img src="img/form-field_img/下箭头.png">
                    <div tabindex="-1" class="page_choose" id="page_choose">
                        <div id="page_20" class="page_a">20条/页</div>
                        <div id="page_50" class="page_a">50条/页</div>
                        <div id="page_100" class="page_a">100条/页</div>
                    </div>

                </div>

                <div id="coding-page"></div>
            </div>

        </div>

        <!-- 右边栏 -->
        <div class="right-nav">

            <!-- 日历 -->
            <div class="calendar">
                <div id="cal_label" class="cal_label">
                    <img id="cal_left" src="img/recommended_arrow/箭头_列表向左.png">
                    <span>本月</span>
                    <img id="cal_right" src="img/recommended_arrow/箭头_列表向右.png">
                </div>
                <input id="year" type="hidden" value="">
                <input id="month" type="hidden" value="">
                <div onload="print_calender()" id="content">
                    <!-- js代码拼接出 日 一 二 .... - table -->
                </div>
            </div>
            <!-- 进度栏 -->
            <div class="progress_right">
                <div class="progress_label">
                    <span>当前进度</span>
                </div>
                <div class="progress_show">
                    <div class="progress_all_right">
                        <span>全部</span>
                        <span class="progress_all_right_font">0</span>
                        <span class="pro_num">2583</span>
                    </div>

                    <!-- 难度进度 -->
                    <div class="level">
                        <div class="level_info">
                            <span style="color: seagreen;">简单</span>
                            <span>0</span>
                            <span>786</span>
                        </div>
                        <div class="level_info">
                            <span style="color: red;">困难</span>
                            <span>0</span>
                            <span>786</span>
                        </div>
                        <div class="level_info">
                            <span style="color: sandybrown;">中等</span>
                            <span>0</span>
                            <span>786</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 精选题单 -->
            <div class="question_list">
                <div class="list_title">
                    <span>精选题单</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/LeetCode%20热题%20HOT%20100.webp">
                    <span>HUA WEI热题 HOT 100</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/LeetCode%20精选数据库%2070%20题.webp">
                    <span>Tencent热题 精选数据库70题</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/LeetCode%20精选算法%20200%20题.webp">
                    <span>igo 精选算法200题</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/力扣杯竞赛合集.webp">
                    <span>igo杯 竞赛合集</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/腾讯精选练习%2050%20题.webp">
                    <span>腾讯精选练习50题</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/LeetCode%20精选%20TOP%20面试题.webp">
                    <span>字节跳动精选TOP面试题</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/1623316708-aGzgVb-lALPD4BhtnXKfdzNASzNASw_300_300.webp">
                    <span>程序员面试金典</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/1623316877-VXyvII-lALPD26ePTI-jPLNASzNASw_300_300.webp">
                    <span>剑指Offer (第二版)</span>
                </div>
                <div class="question_title_name">
                    <img src="img/question_list/1627878485-PUFMkz-Frame%202098.webp">
                    <span>剑指Offer (专项突击版)</span>
                </div>
            </div>
            <!-- 热门企业 -->
            <div class="Popular_enterprise">
                <!-- 企业栏标题 -->
                <div class="company_tile">
                    <span>热门企业</span>
                    <span>更多</span>
                </div>
                <!-- 公司栏 -->
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/miHoYo.webp">
                        <span>miHoYo</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/华为.webp">
                        <span>华为</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/字节跳动.webp">
                        <span>字节跳动</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/Shopee.webp">
                        <span>Shopee</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/蔚来.webp">
                        <span>蔚来 NIO</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/亚马逊.webp">
                        <span>亚马逊 Amazon</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/Zoom.webp">
                        <span>Zoom</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>
                </div>
                <div class="company_list">
                    <div class="company_ico">
                        <img src="img/company_list/小红书.webp">
                        <span>小红书</span>

                    </div>
                    <div class="commpany_num">
                        <span>11979</span>
                        <img id="up_ico" src="img/company_ico/上升.png">
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="all_bottom">

    </div>
</div>
    <script src="plugins/js/jquery-3.3.1.min.js"></script>
<script src="plugins/js/bootstrap.js"></script>
<script src="js/igo_question_bank.js"></script>
<script src="plugins/layui/layui.js"></script>
</body>
</html>
